@charset "utf-8";
html,body,p { padding:0;margin:0; }
body { margin:0; padding:0;background: #E7E7E7; }
img { border:0px; }
a { cursor:pointer; }
.clr { clear:both; padding:0; margin:0; background:none; }
.main { width:100%; padding:0; margin:0 auto; background: #E7E7E7; }


/*.skins_link{width:75px;height:45px;line-height:45px;float:right;position:fixed;right:0;top:0px;text-align:center;text-decoration:none;}
#themes{position:fixed;right:0;top:47px;;text-align:center;}
.skins_link:hover,.skin_link:hover{color:#3B90E0;background:#ddd}
.skin_link_contain{width:73px;height:45px;border:1px solid #f6f6f6;}
.skin_link{display:block;text-decoration: none;vertical-align:50%;line-height:45px;position:relative;color:#666;}*/
.header { background:#E7E7E7;padding:0; margin:0 auto; }
.header_block { width:800px; margin: 0px auto; padding:0; }
.logo { float:left; padding: 8px 0px 8px 25px; margin:0; }
.info { padding: 0; margin:0 auto;height:40px; }
.info span { font-size:12px;line-height:32px; }
.info a { text-decoration:none;display:block;color:#000; }
.info_right { float:right;width:39px;height:40px;background:url(/images/header_nav_bg_right.png) no-repeat; }
.info_left { float:right;width:39px;height:40px;background:url(/images/header_nav_bg_left.png) no-repeat; }
.info_block { float:right;width:100px;height:40px;margin:0;padding:0 2px;background:url(/images/header_nav_bg_center.png) repeat-x; }
.info_block .btn_icon { float:right;width:40px;height:40px; }
.info_block .btn_center { float:right;width:60px;height:40px;text-align:left; }
#appsoptions { float:right; }

#ssologin_btn {  overflow:hidden; height:39px; }
#ssologing_btn { overflow:hidden; height:39px; }
#ssousername_icon { overflow:hidden; height:39px; }
#ssologout_btn { overflow:hidden; height:39px; }
#ssolog_btn { overflow:hidden; height:40px; }
#ssohelp_btn { overflow:hidden; height:40px; }
#ssologin_icon { background:url(../images/signin.png) no-repeat;background-position:10px 4px; }
#ssologing_icon { background:none; }
#ssousername_icon { background:url(/images/user.png) no-repeat;background-position:10px 4px; }
#ssologout_icon { background:url(/images/logout.png) no-repeat;background-position:10px 4px; }
#ssolog_icon { background:url(/images/logtext.png) no-repeat;background-position:10px 4px; }
#ssohelp_icon { background:url(/images/help.png) no-repeat;background-position:10px 4px; }

.nav { background:#E7E7E7;padding:0; margin:0 auto; }
.nav_block { width:800px; height:70px; margin: 0px auto; padding:0;background:url(/images/icons_20121001/nav_bg.png) no-repeat; }
.nav span { float:left; }
.nav span a { width:180px; height:45px;text-decoration:none;display:block; }
.nav span span.btn_left { width:4px; height:45px;background:url(/images/icons_20121001/CenterButton_bg_left.png) no-repeat; }
.nav span span.btn_right { width:4px; height:45px;background:url(/images/icons_20121001/CenterButton_bg_right.png) no-repeat; }
.nav span span.btn_center,.nav span span.btn_tip { width:172px; height:45px;text-align:center; color:#000000; line-height:45px;font-size: 18px;font-family:"宋体"; }
#appsbysso_btn { margin:12px 0px 12px 0px; overflow:hidden; width:180px; height:45px;background:url(/images/icons_20121001/appsbyssoon.png)  no-repeat; }
#appsbytran_btn { margin:12px 0px 12px 0px; overflow:hidden; width:180px; height:45px;background:url(/images/icons_20121001/appsbytranon.png)  no-repeat;  }
#appsbysso_btn a { width:180px; height:45px; background:url(/images/icons_20121001/appsbyssooff.png) no-repeat; }
#appsbytran_btn a { width:180px; height:45px; background:url(/images/icons_20121001/appsbytranoff.png) no-repeat; }
.appsblank { width:200px; height:45px;margin:12px 0px 12px 0px; }
.appsblank2 { width:40px; height:45px;margin:12px 0px 12px 0px; }

.banner {background:#E7E7E7;padding:0; margin:0 auto;}
.banner_block.nosso { width:800px; height:39px; margin: 0px auto; padding:0;background:url(/images/nav_bg_nosso.png) no-repeat; }
.banner_block.sso { width:800px; height:39px; margin: 0px auto; padding:0;background:url(/images/nav_bg_sso.png) no-repeat; }
.ssologin_dv { width:240px;font-size:18px;line-height:39px;padding:0;margin:0 auto;text-align:center;height:39px;}
.ssologin_dv span{float:none;}
.ssologin_dv div {display:inline-block;margin:0 auto;}
.ssologin_dv div a { text-decoration:none;color:#d8e9f9; }
.ssologin_dv .ssologin {width:240px;}
.ssologin_dv .ssologing {width:240px;}
.ssologin_dv .ssousername {width:120px;}
.ssologin_dv .ssolog {width:80px;}
.ssologin_dv .ssologout {width:120px;}


.apps { background:#E7E7E7;padding:0; margin:0 auto; }
.apps_block { margin: 0px auto; width:800px;background:url(/images/icons_20121001/appsArea_bg.png) repeat-y; }
#slider { margin: 0px auto; width:796px;position:relative }
#slider ul,#slider li { margin:0; padding:0; list-style:none; }
#slider li { width:796px; overflow:hidden;padding:20px 0 0 0;}
.Recent  { width:116px; height: 120px; float:left; padding:0px; margin:0px 0px 0 14px; border:0px; overflow:hidden;text-align:center;}
.Recent p { text-align:center; }
.Recent a div {position: relative;height:114px;}
.Recent a img { border:0px;display: block;position: absolute;top: 0px;left: 13px; }
.RecentBlock {width:0px;height: 110px;float:left;padding:0px; margin:20px 0px 0px 0px;border-right:1px solid #ddd;overflow:hidden;}
.RecentBlank {width:14px;height: 110px;float:left;padding:0px; margin:20px 0px 0px 0px;border:0px;overflow:hidden;}
.mask { display: block;position: relative;top: 0px;left: 0px;width: 116px;height: 114px;background: url(/images/icons_20121001/appsIconbg.png) 0 0 no-repeat; }



.footer { padding:0; margin:0 auto;background:#E7E7E7; }
.footer_block { width:800px; height:365px; margin: 0px auto; padding:0; background:url(/images/icons_20121001/footer_bg.png) no-repeat; }
.footer span { font:normal 12px Arial, Helvetica, sans-serif; color:#d8e9f9;padding:5px; margin:0; }
.footer a { text-decoration:none;font:normal 12px Arial, Helvetica, sans-serif; color:#d8e9f9; }
.footer p.leftt { text-align:left; width:50%; margin:0; padding:10px 0 0 20px; float:left;} 
.footer p.rightt { text-align:right; width:30%; margin:0; padding:15px 20px 0 0; float:right;}

#popup-login-container { display:none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.4; filter: alpha(opacity=40); }
#popup-login { display:none;border:0px solid #1e81de;border-radius:12px; position: fixed; z-index: 100; left: 50%; top: 50%; width: 320px; height: 160px; overflow: hidden; margin-left: -160px; margin-top: -100px; _position: absolute; _margin-top: 0; -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 6px 0 rgba(0,0,0,0.2); -o-box-shadow: 0 0 6px 0 rgba(0,0,0,0.2); -ms-box-shadow: 0 0 6px 0 rgba(0,0,0,0.2); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);background:none; }
.popup-bg-top { z-index:99;position:absolute;top:0;left:0;width:320px; height:28px; background:url(/images/icons_20121001/pupop_bg_top.png) no-repeat; }
.popup-bg-middle { z-index:99;position:absolute;top:28px;left:0;width:320px; height:104px; background:url(/images/icons_20121001/pupop_bg_middle.png) repeat-y; }
.popup-bg-bottom { z-index:99;position:absolute;top:132px;left:0;width:320px; height:28px; background:url(/images/icons_20121001/pupop_bg_bottom.png) no-repeat; }
.popup-login-info { margin:16px auto 0 auto;width:320px;text-align:center;line-height:24px; }
.popup-login-action { margin:16px auto 0 auto;width:320px;text-align:center;line-height:24px; }
input[type=submit] { height: 30px;width: 80px; }

.skins_link {
  line-height: 30px;
  position: fixed;
  left: -1px;
  top: 30%;
  text-align: center;
  text-decoration: none;
  color: #666;
  border: 1px #ececec solid;
  background: white;
  margin-bottom: 0;
  z-index: 96;
  overflow: hidden;
  display: block;
}
.skins_link i{
	margin:6px 0;
}
.skins_link span {
  padding: 0 6px;
}
#themes {
  /* position: fixed; 
  left: 36px;
  top: 50%;
  text-align: center;
  margin-top: -16px;
  z-index: 98; */
}
.skin_link_contain {
  min-width: 30px;
  height: 30px;
  border: 0px solid white;
  border-top: 1px #ececec solid;
  display: block;
  margin: 0px 0 0 0px;
  background: #ffffff;
}
.skin_link {
  display: inline-block;
  text-decoration: none;
  color: #666;
  vertical-align: 50%;
  line-height: 30px;
  position: relative;
  font-size: 12px;
} 
.skins_link:hover,.skin_link:hover{
	color:#3B90E0;
}
